<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" charset="UTF-8">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		
		<link type="text/css" rel="stylesheet" href="../css/model/bootstrap.css" />
		<link type="text/css" rel="stylesheet" href="../css/top5.css" />
		<link type="text/css" rel="stylesheet" href="../css/hobby.css" />
		
		<script type="text/javascript" src="../js/model/jquery-2.1.4.min.js"></script>
		<script type="text/javascript" src="../js/model/bootstrap.js"></script>
		<script type="text/javascript" src="../js/layer/layer.js"></script>
		<script type="text/javascript" src="../js/model/reset_font.js"  ></script>
		<script type="text/javascript" src="../js/hobby.js"></script>
		
		<title>优当借书</title>
		<style>
			
		</style>
		<script>
			$(function(){
				$("body").css("opacity",1);
			})
			
		</script>
	</head>
	<body style="opacity: 0;">
	<form action="" name="myform" class="myform" onsubmit="return checkform()">
		<div class="top">
			<a href="login.html" class="goback">
				<img src="../images/icons/goback2.png">
			</a>
			<span>兴趣爱好</span>
			<div class="save">
				保存
			</div>
		</div>
		<div class="main">
			<input type="hidden" value="" id="myhobby"  />
			<div class="myhobby">
				<div class="myhobby_title">我的爱好</div>
				<input type="hidden" class="mychose" name="mychose" value=""  />
				<ul class="myhobby_list" >
					<li >
						人文社科
					</li>
					<li>
						高数
					</li>
					<li>
						历史
					</li>
					<li>
						地理
					</li>
					<div class="clear"></div>
				</ul>
				<div class="myhobby_none" style="display: none;">
					请从下方选择您的爱好
				</div>
			</div>
			<div class="clear"></div>
			<div class="item">
				<div class="item_title">图书</div>
				<ul class="item_list">
					<li  class="lli">
						<a href="#" id="11">人文社科</a>
					</li>
					<li  class="lli">
						<a href="#" id="12">高数</a>
					</li>
					<li  class="lli">
						<a href="#" id="13">历史</a>
					</li>
					<li  class="lli">
						<a href="#" id="14">地理</a>
					</li>
					<li  class="lli">
						<a href="#" id="15">科学</a>
					</li>
					<li  class="lli">
						<a href="#"  id="16">文学</a>
					</li>
					<div class="clear"></div>
				</ul>
			</div>
			<div class="item">
				<div class="item_title">运动</div>
				<ul class="item_list">
					<li  class="lli">
						<a href="#" id="21">篮球</a>
					</li>
					<li  class="lli">
						<a href="#" id="22">足球</a>
					</li>
					<li  class="lli">
						<a href="#" id="23">羽毛球</a>
					</li>
					<div class="clear"></div>
				</ul>
			</div>
			<div class="item">
				<div class="item_title">日常</div>
				<ul class="item_list">
					<li class="lli">
						<a href="#" id="31">音乐</a>
					</li>
					<li class="lli">
						<a href="#" id="32">跳舞</a>
					</li>
					<li class="lli">
						<a href="#" id="33">旅游</a>
					</li>
					<div class="clear"></div>
				</ul>
			</div>
		</div>
		

	</form>
	</body>
</html>
